<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
  <head>
    <link rel="preload" as="image" href="https://dlh49gjxx49i3.cloudfront.net/emails/HoppLogo.png" />
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <meta name="x-apple-disable-message-reformatting" />
  </head>
  <body
    style="
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      background-color: rgb(255, 255, 255);
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-family:
        ui-sans-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;,
        &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;
    "
  >
    <!--$-->
    <div style="display: none; overflow: hidden; line-height: 1px; opacity: 0; max-height: 0; max-width: 0">
      Welcome to Hopp, the remote pair programming app designed by developers, for developers
      <div>
         ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿
      </div>
    </div>
    <table
      align="center"
      width="100%"
      border="0"
      cellpadding="0"
      cellspacing="0"
      role="presentation"
      style="
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: 465px;
        border-radius: 0.25rem;
        border-width: 1px;
        border-color: rgb(234, 234, 234);
        border-style: solid;
        padding: 20px;
      "
    >
      <tbody>
        <tr style="width: 100%">
          <td>
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="margin-top: 32px"
            >
              <tbody>
                <tr>
                  <td>
                    <img
                      alt="Welcome to Hopp 📞"
                      height="50"
                      src="https://dlh49gjxx49i3.cloudfront.net/emails/HoppLogo.png"
                      style="
                        margin-left: auto;
                        margin-right: auto;
                        margin-top: 0px;
                        margin-bottom: 0px;
                        display: block;
                        outline: none;
                        border: none;
                        text-decoration: none;
                      "
                      width="auto"
                    />
                  </td>
                </tr>
              </tbody>
            </table>
            <h1
              style="
                margin-left: 0px;
                margin-right: 0px;
                margin-top: 30px;
                margin-bottom: 30px;
                padding: 0px;
                text-align: center;
                font-weight: 400;
                font-size: 24px;
                color: rgb(0, 0, 0);
              "
            >
              Welcome to Hopp 📞
            </h1>
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="text-align: center"
            >
              <tbody>
                <tr>
                  <td>
                    <a
                      href="https://dub.sh/FR4nLXv"
                      style="
                        font-size: 0.75rem;
                        line-height: 1rem;
                        color: rgb(255, 255, 255);
                        text-align: center;
                        border-radius: 0.375rem;
                        background-color: rgb(226, 232, 240);
                        width: auto;
                        display: inline-flex;
                        cursor: pointer;
                        text-decoration-line: none;
                        background: radial-gradient(51.67% 88.23% at 50% 125%, #525252 0%, #212121 100%);
                      "
                      target="_blank"
                      ><table
                        align="center"
                        width="100%"
                        border="0"
                        cellpadding="0"
                        cellspacing="0"
                        role="presentation"
                        style="
                          height: 12px;
                          padding-left: 0.5rem;
                          padding-right: 0.5rem;
                          padding-top: 0.25rem;
                          padding-bottom: 0.25rem;
                        "
                      >
                        <tbody style="width: 100%">
                          <tr style="width: 100%">
                            <td data-id="__react-email-column">
                              <svg
                                width="12"
                                height="12"
                                viewBox="0 0 1024 1024"
                                fill="none"
                                xmlns="http://www.w3.org/2000/svg"
                                style="margin-right: 0.25rem; margin-top: 0.25rem"
                              >
                                <path
                                  fill-rule="evenodd"
                                  clip-rule="evenodd"
                                  d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z"
                                  transform="scale(64)"
                                  fill="#FFF"
                                ></path>
                              </svg>
                            </td>
                            <td data-id="__react-email-column">Star us on GitHub</td>
                          </tr>
                        </tbody>
                      </table></a
                    >
                  </td>
                </tr>
              </tbody>
            </table>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              Hello
              <!-- -->{first_name}<!-- -->,
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              <b>Your 30-day trial starts now!</b> Start inviting your team members to join your workspace and start
              collaborating seamlessly.
            </p>
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="margin-top: 32px; margin-bottom: 32px; text-align: center"
            >
              <tbody>
                <tr>
                  <td>
                    <a
                      href="https://pair.gethopp.app/"
                      style="
                        border-radius: 0.25rem;
                        background-color: rgb(0, 0, 0);
                        padding-left: 1.25rem;
                        padding-right: 1.25rem;
                        padding-top: 0.75rem;
                        padding-bottom: 0.75rem;
                        text-align: center;
                        font-weight: 600;
                        font-size: 12px;
                        color: rgb(255, 255, 255);
                        text-decoration-line: none;
                        line-height: 100%;
                        text-decoration: none;
                        display: inline-block;
                        max-width: 100%;
                        mso-padding-alt: 0px;
                        padding: 12px 20px 12px 20px;
                      "
                      target="_blank"
                      ><span
                        ><!--[if mso
                          ]><i style="mso-font-width: 500%; mso-text-raise: 18" hidden>&#8202;&#8202;</i><!
                        [endif]--></span
                      ><span
                        style="
                          max-width: 100%;
                          display: inline-block;
                          line-height: 120%;
                          mso-padding-alt: 0px;
                          mso-text-raise: 9px;
                        "
                        >Start inviting your team</span
                      ><span
                        ><!--[if mso]><i style="mso-font-width: 500%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span
                      ></a
                    >
                  </td>
                </tr>
              </tbody>
            </table>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              As engineers ourselves, we know how frustrating it can be to juggle clunky, generic tools for pair
              programming.<br /><br />Traditional video conferencing (Slack Huddle, MS Teams, Google Meet and more)
              often means<!-- -->
              <u>blurry text, laggy controls, and awkward screen sharing – killing the collaborative flow</u
              >.<br /><br />That&#x27;s why we built Hopp: the remote pair programming app designed by developers, for
              developers, to make remote collaboration seamless and effective.<!-- -->
              <b>We believe engineers deserve sharp, dedicated tools.</b>
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              With Hopp, you get an experience purpose-built for pairing:
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              🚀 <b>Crystal-Clear Collaboration:</b> Enjoy razor-sharp screen sharing (up to 5K!) and crisp, clear
              audio. Read your pair&#x27;s code perfectly, every time.
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              🤝 <b>Seamless Remote Control:</b> Instantly take or share control of the keyboard and mouse. Swap drivers
              with a single click, making collaboration fluid and intuitive.
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              ⚡️ <b>Optimized Performance:</b> Experience near-zero latency that feels like you&#x27;re sitting
              side-by-side, thanks to LiveKit&#x27;s top-of-the-line service and our low-level streaming optimizations.
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              Effective pair programming isn&#x27;t just a trend; it&#x27;s a powerful practice adopted by leading tech
              teams. Even<!-- -->
              <span style="font-weight: 500"
                >Farhan Thawar, VP of Engineering at Shopify, considers pair programming a practice that have a positive
                sum impact both for the teams and the individual programmers</span
              >
              <!-- -->(<a
                href="https://dub.sh/tc9sxg1"
                style="color: rgb(37, 99, 235); text-decoration-line: none"
                target="_blank"
                >Source: YouTube Video</a
              >).
            </p>
            <p style="margin-top: 20px; font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-bottom: 16px">
              Happy code pairing!
            </p>
            <p style="font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px">
              Costa and Iason from Hopp 🫡
            </p>
            <hr
              style="
                margin-left: 0px;
                margin-right: 0px;
                margin-top: 26px;
                margin-bottom: 26px;
                width: 100%;
                border-width: 1px;
                border-color: rgb(234, 234, 234);
                border-style: solid;
                border: none;
                border-top: 1px solid #eaeaea;
              "
            />
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="margin-top: 32px; margin-bottom: 32px; text-align: center"
            >
              <tbody>
                <tr>
                  <td>
                    <p
                      style="
                        color: rgb(102, 102, 102);
                        font-size: 12px;
                        line-height: 24px;
                        margin-top: 16px;
                        margin-bottom: 16px;
                      "
                    >
                      Hopp is build from 🇪🇺 by<!-- -->
                      <a target="_blank" href="https://dub.sh/icn7heP">Costa</a>
                      <!-- -->and<!-- -->
                      <a target="_blank" href="https://iparaskev.com/">Iason</a>, a team of two engineers trying to
                      bring you the best remote pair programming experience. Thank you for supporting us ❤️
                    </p>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <!--7--><!--/$-->
  </body>
</html>
